<template>
    <basic-container>
        <avue-ueditor v-model="text"
                      :upload="upload"></avue-ueditor>
    </basic-container>
</template>
<script>
    export default {
        data() {
            return {
                text: '<h1 class="ql-align-center"><a href="https://avuejs.com/doc/plugins/ueditor-plugins" target="_blank"><strong>欢迎使用Avue富文本编辑器</strong></a></h1><p class="ql-align-center"><img src="https://avuejs.com/images/logo-bg.jpg" height="200" width="200"></p>',
                upload: {
                    //普通图片上传
                    action: "https://avuejs.com/imgupload",
                    props: {
                        res: "data",
                        url: "url"
                    },
                    //七牛云oss配置
                    qiniu: {
                        AK: "",
                        SK: "",
                        scope: "test",
                        url: "http://pm7cc17lu.bkt.clouddn.com/",
                        deadline: 1
                    },
                    //阿里云oss配置
                    ali: {
                        region: "oss-cn-beijing",
                        endpoint: "oss-cn-beijing.aliyuncs.com",
                        accessKeyId: "",
                        accessKeySecret: "",
                        bucket: "avue"
                    }
                }
            };
        }
    };
</script>